<template >
  <div id="MainTarbar">
    <h2>{{$store.state.count}}</h2>
    <!-- <button @click="$store.commit(INCREMENT)">+</button> -->
    <!-- <button @click="increment()">+</button>
    <button @click="decrement()">-</button>
    <router-view></router-view> -->
    <router-view></router-view>
    <tar-bar>
      <tar-bar-item path="/home" activeColorDIY="pink">
           <img slot='item-cron' src="~assets/img/tarbar/home.svg" alt="">
           <img slot='item-cron-active' src="~assets/img/tarbar/home_active.svg" alt="">
        <div slot='item-name'>首页</div>
      </tar-bar-item>
            <tar-bar-item path="/category" activeColorDIY="pink">
           <img slot='item-cron' src="~assets/img/tarbar/category.svg" alt="">
           <img slot='item-cron-active' src="~assets/img/tarbar/category_active.svg" alt="">
        <div slot='item-name'>分类</div>
      </tar-bar-item>
            <tar-bar-item path="/shopcart" activeColorDIY="pink">
           <img slot='item-cron' src="~assets/img/tarbar/shopcart.svg" alt="">
           <img slot='item-cron-active' src="~assets/img/tarbar/shopcart_active.svg" alt="">
        <div slot='item-name'>购物车</div>
      </tar-bar-item>
            <tar-bar-item path="/profile" activeColorDIY="pink">
           <img slot='item-cron' src="~assets/img/tarbar/profile.svg" alt="">
           <img slot='item-cron-active' src="~assets/img/tarbar/profile_active.svg" alt="">
        <div slot='item-name'>我的</div>
      </tar-bar-item>

    </tar-bar>
    
  </div>
</template>

<script>
import TarBar from 'components/common/TarBar.vue';
import TarBarItem from 'components/common/TarBarItem.vue'; 
// import {INCREMENT} from './store/MutationConst.js'

export default {
  name: 'MainTarbar',
  components:{
    TarBar,
    TarBarItem,
  },
//   methods:{
//     increment(){
//       this.$store.commit(INCREMENT);
//     },
//     decrement(){
//       console.log(this);
//       console.log(this.suibian);
//       this.$store.commit('decrement');
//     }
//   },
}
</script>

<style>
/* 这里写成 @import url(@assets/css/base.css); 会报错 */
@import url(../../assets/css/base.css);




</style>
